<%@ page contentType="text/html;charset=UTF-8"%>
	<%@include file="/WEB-INF/views/include/taglib.jsp"%>
		<!DOCTYPE html>
		<html lang="en">

		<head>
			<meta charset="UTF-8" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge" />
			<meta name="description" content="overview & stats" />
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			<%@include file="/WEB-INF/views/include/top.jsp"%>

				<title>${compName }</title>
				<!--用百度的静态资源库的cdn安装bootstrap环境-->
				<!-- Bootstrap 核心 CSS 文件 -->
				<link href="${ctxAssets}/css/bootstrap.min.css" rel="stylesheet">
				<!--font-awesome 核心我CSS 文件-->
				<link href="${ctxAssets}/css/font-awesome/font-awesome.min.css" rel="stylesheet">
				<!-- 在bootstrap.min.js 之前引入 -->
				<!--<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>-->
				<!-- Bootstrap 核心 JavaScript 文件 -->
				<!--<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>-->
				<!--jquery.validate-->
				<script type="text/javascript" src="js/jquery.validate.min.js"></script>
				<script type="text/javascript" src="js/message.js"></script>
				<style type="text/css">
					body {
						background: url(${ctxAssets}/img/login.jpg) no-repeat;
						/*background-size:font-family 微软雅黑;*/
						background-color: rgb(239, 239, 239);
						font-size: 16px;
						-moz-background-size: cover;
						-webkit-background-size: cover;
						-o-background-size: cover;
						background-size: cover;
					}

					.form {
						background: rgba(255, 255, 255, 0.2);
						width: 400px;
						margin: 100px auto;
					}

					#login_form {
						display: block;
					}

					#register_form {
						display: none;
					}

					.fa {
						display: inline-block;
						top: 27px;
						left: 6px;
						position: relative;
						color: #ccc;
					}

					input[type="text"],
					input[type="password"] {
						padding-left: 26px;
					}

					.checkbox {
						padding-left: 21px;
					}
				</style>
		</head>

		<body>
			<div class="container" style="padding-top: 10%;">
				<div class="form row">
					<form action="${ctx }/base/sysMain" method="POST" class="form-horizontal col-sm-offset-3 col-md-offset-3" id="login_form">
						<h3 class="form-title">登录到您的帐户</h3>
						<div class="col-sm-9 col-md-9">
							<div class="form-group">
								<i class="fa fa-user fa-lg"></i>
								<input class="form-control required" type="text" placeholder="账户" name="username" autofocus="autofocus" maxlength="20"
								/>
							</div>
							<div class="form-group">
								<i class="fa fa-lock fa-lg"></i>
								<input class="form-control required" type="password" placeholder="密码" name="password" maxlength="8" />
							</div>
							<div class="form-group">
								<label class="checkbox">
                            <input type="checkbox" name="remember" value="1"/> 记住账号
                        </label>
								<hr />
								<!--<a href="javascript:;" id="register_btn" class="">Create an account</a>-->
							</div>
							<div class="form-group">
								<input type="submit" class="btn btn-success pull-right" value="Login " />
							</div>
						</div>
					</form>
				</div>

			</div>
			<script src="${ctx}/assets/js/require.js" js-main="biz/base/login" charset="utf-8"></script>

		</body>

		</html>